<template>
  <div class="mod-home">
    <h3>样式列表</h3>
    <ul>
      <li v-for="(item,index) of styleList" :key="item.id">
        {{index + 1}}. {{item.name}} - {{item.glyphs}}
      </li>
    </ul>
  </div>
</template>

<script>
import {getStyleList} from '@/api/style'
export default {
  mounted () {
    this.init()
  },
  data () {
    return {
      styleList: []
    }
  },
  methods: {
    init () {
      getStyleList().then(res => {
        this.styleList = res
      })
    }
  }
}
</script>

<style>
  .mod-home {
    line-height: 1.5;
  }
</style>

